@import "../../../../../../../style/font.scss";
@import "../../../../../../../style/color.scss";

// 问题详情
.single-question-page {

  .title-wrap {
    width: 100%;
    border-bottom: solid 1px $form-border-color;
    margin-top: 30px;

    .label {
      display: inline-block;
      font-family: $regular-font-family;
      font-size: 24px;
      color: #FFFFFF;
      letter-spacing: 0;
      line-height: 34px;
      padding: 8px 34px;
      border-top: solid 1px $form-border-color;
      border-left: solid 1px $form-border-color;
      border-right: solid 1px $form-border-color;
      background-color: $video-background-color;
    }
  }
  .btn-wrap {
    text-align: right;
    margin-top: 36px;
    margin-bottom: 16px;
    vertical-align: bottom;

    .btn {
      height: 48px;
      font-family: $regular-font-family;
      font-size: 20px;
      color: #FFFFFF;
      letter-spacing: 1px;
      text-shadow: 0 0 4px rgba(255,255,255,0.50);
    }
  }
}


.question-option-form.ant-form {

   .ant-form-item {
    margin: 0;
  }
}
.question-option-form {

  .ant-checkbox-wrapper {
    padding-left: 20px;

    >span {
      color: #ffffff;
      font-family: $regular-font-family;
      font-size: 18px;
      letter-spacing: 0.9px;
    }

    .ant-checkbox-inner {
      background-color: transparent;
      border: solid 1px $form-border-color;
      border-radius: 0;
    }
  }

  .ant-checkbox-wrapper:hover .ant-checkbox .ant-checkbox-inner,
  .ant-checkbox:hover .ant-checkbox-inner,
  .ant-checkbox .ant-checkbox-inner:hover {
    border-color: $form-border-color;
  }

  .ant-checkbox-checked .ant-checkbox-inner,
  .ant-checkbox-indeterminate .ant-checkbox-inner,
  .ant-checkbox-checked .ant-checkbox-inner:hover,
  .ant-checkbox-focused .ant-checkbox-inner:hover,
  .ant-checkbox-indeterminate .ant-checkbox-inner:hover {
    background-color: transparent;
    outline-color: $form-border-color;
  }
}
